<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>班级网站</title>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link href="css/login.css" rel="stylesheet">
		<style>
			body {
				background-size: 100% 100%;
				background-attachment: fixed;
			}
			.btn-primary {
			    color: #666;
				background-color: #fff;
				border-color: #337ab7;
				width: 90px;
			}
			.form-control{
				padding: 23px;
				width: 85%;
				margin-left: 8%;
				margin-bottom: 20px;
				font-size:16px;
			}
			.sub{
				display:block;
				padding: 12px;
				width: 85%;
				margin: 8%;
				font-size:16px;
				background-color: #337ab7;
				color: #FFFFFF;
			}
		</style>
	</head>

	<body background="img/login_backgroud.jpg">
		<div class="container">
			<div class="container-img">
				<img src="img/login-img.png" />
			</div>
			<div class="box">
				<div class="logo">
					<img src="img/login_logo.png" />
				</div>
				<div class="box-a">
					用户登入
				</div>
				<form method="post" action="../LoginServlet">
					<input type="text" style="border-color:#337ab7;" class="form-control" name="username" placeholder="用户名 " required/>
					<input type="password" style="border-color:#337ab7;" class="form-control" name="password" placeholder="密码 " required/>
					<div class="row">
						<div class="col-md-4 col-lg-offset-1 select_user">选择用户:</div>
						<div class="col-md-7">
						<div id="user" class="btn-group" data-toggle="buttons">
						<label class="btn btn-primary active">
							<input type="radio" name="options" id="option1" value="1" checked="checked"> 普通用户
						</label>
						<label class="btn btn-primary">
							<input type="radio" name="options" id="option2" value="2"> 管理员 
						</label>
						</div>	
						</div>
					</div>
					<div class="row" style="margin-top: 15px;">
						<div class="col-md-6" style="padding-right: 0px; padding-left: 30px;"><input  class="btn btn-primary btn-lg sub" type="submit"  value="登录 " /></div>
						<div class="col-md-6" style="padding-left: 0px; padding-right: 30px;"><input  class="btn btn-primary btn-lg sub" type="button"  value="注册 "  onclick="window.location.href='register.html'"/></div>
					</div>
					
				</form>
			</div>
		</div>

	</body>

</html>